<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:sijyp="http://java.sun.com/jsf/composite/sijyp">

	<a4j:outputPanel id="pg_accesorio">
		<h:outputText
			value="#{msgExh['exhumaciones.cadaver_exhumar.accesorios_victima']}" />
		<hr width="100%" />
		<br />
		<rich:messages globalOnly="true" />
		<br />

		<a4j:region id="rg_accesorio_detalle">
			<h:panelGroup>
				<h:panelGrid columns="3" columnClasses="col33,col33,col33"
					width="100%">
					<h:panelGrid style="display:none">
						<h:outputLabel id="tipo_accesorio_lbl"
							value="#{msgExh['exhumaciones.cadaver_exhumar.tipo_accesorio']}*:" />
						<h:selectOneMenu id="tipo_accesorio" required="true"
							requiredMessage="Tipo de accesorio: #{msgVal['constraint.not_null']}"
							value="#{registroCadaveres.accesorioDto.idTipoAccesorio}"
							disabled="#{registroCadaveres.estadoAccesorio == 'VER'}">
							<ui:remove><f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
								noSelectionOption="true" /></ui:remove>
							<ui:remove>el siguiente Item debe eliminarse en caso de volver a la configuracion origianl</ui:remove>
							<f:selectItem itemLabel="POR DEFINIR" itemValue="0_POR DEFINIR" selected="selected" />
							<f:selectItems
								value="#{registroCadaveres.selectItemsHelper.posibleAccesorio}" />
						</h:selectOneMenu>
						<rich:message for="tipo_accesorio" showSummary="true"
							showDetail="false" styleClass="validationErrorMessage" />
					</h:panelGrid>

					<h:panelGrid style="display:none">
						<h:outputLabel id="color_accesorio_lbl"
							value="#{msgExh['exhumaciones.catalogo.color']}:" />
						<h:selectOneMenu id="color_accesorio"
							value="#{registroCadaveres.accesorioDto.idColor}"
							disabled="#{registroCadaveres.estadoAccesorio == 'VER'}">
							<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
								noSelectionOption="true" />
							<f:selectItems
								value="#{registroCadaveres.selectItemsHelper.posibleColor}" />
						</h:selectOneMenu>
						<rich:message for="color_accesorio" showSummary="true"
							showDetail="false" styleClass="validationErrorMessage" />
					</h:panelGrid>
				</h:panelGrid>

				<h:panelGrid columns="1" width="100%"
					columnClasses="firstColumnStyle, ">
					<h:outputLabel id="descripcion_accesorio_lbl"
						value="#{msgExh['exhumaciones.descripcion']}: *" />
					<h:inputTextarea id="descripcion_accesorio" required="true"
						value="#{registroCadaveres.accesorioDto.descripcionAccesorio}"
						disabled="#{registroCadaveres.estadoAccesorio == 'VER'}"
						style="width:100%" rows="8" styleClass="long longPersona"
						requiredMessage="#{msgVal['constraint.not_null']}">
						<ui:remove>validatorMessage="#{msgVal['constraint.size.max']} 250"</ui:remove>
						<ui:remove><f:validateLength maximum="250" /></ui:remove>
					</h:inputTextarea>
					<rich:message for="descripcion_accesorio" showSummary="true"
						showDetail="false" styleClass="validationErrorMessage" />
				</h:panelGrid>

				<h:panelGrid>
					<h:outputLabel id="accesorio_anexo_lbl"
						value="#{msgExh['exhumaciones.archivo_anexo']}:" />
					<ui:remove>
						<h:inputFile id="accesorio_anexo"
							value="#{registroCadaveres.fileAccesorio}"
							rendered="#{registroCadaveres.estadoAccesorio == 'INSERTAR'}"
							disabled="#{registroCadaveres.estadoAccesorio == 'VER'}" />
					</ui:remove>
					<sijyp:simpleFileUpload id="accesorio_anexo"
						state="#{registroCadaveres.estadoAccesorio}"
						bean="#{registroCadaveres.fmAccesorio}" />

					<rich:message for="accesorio_anexo" showSummary="true"
						showDetail="false" styleClass="validationErrorMessage" />
				</h:panelGrid>

				<h:panelGrid columns="2">
					<h:commandButton id="agregarAccesorioBtn"
						value="#{registroCadaveres.estadoAccesorio == 'INSERTAR' ? msgExh['exhumaciones.cadaver_exhumar.agregar_accesorio_victima'] : msgExh['exhumaciones.cadaver_exhumar.editar_accesorio_victima']  }"
						disabled="#{registroCadaveres.estadoAccesorio == 'VER'}"
						rendered="#{registroCadaveres.estadoAccesorio == 'INSERTAR' or registroCadaveres.estadoAccesorio == 'EDITAR'}"
						action="#{registroCadaveres.guardarAccesorio()}">
						<a4j:ajax render="pg_accesorio" execute="@region" />
					</h:commandButton>

					<h:commandButton id="cancelViewAccesoriosBtn"
						value="#{msgExh['exhumaciones.cancelar']}"
						rendered="true"
						disabled="#{parentMb.estado == 'VER' or registroCadaveres.disableCancelarAccesorio}"
						action="#{registroCadaveres.cancelarAccesorio()}">
						<a4j:ajax render="pg_accesorio accesoriosTable" immediate="true" execute="@this"/>
					</h:commandButton>

				</h:panelGrid>
			</h:panelGroup>
		</a4j:region>

		<br />

		<a4j:outputPanel id="pn_accesorio_registros">
			<a4j:region id="rg_accesorio_registros">
				<rich:dataTable keepSaved="true" id="accesoriosTable" var="record_"
					style="width:100%;" rowKeyVar="index"
					value="#{registroCadaveres.registroCadaverDto.listaAccesorioPersonal}"
					noDataLabel="${msg['general.registrosNoEncontrados']}">

					<rich:column>
						<f:facet name="header">
							<h:outputText
								value="#{msgExh['exhumaciones.cadaver_exhumar.tipo_accesorio']}" />
						</f:facet>
						<h:outputText value="#{record_.idTipoAccesorio}"
							converter="catalogConverter" />
					</rich:column>

					<ui:remove><rich:column>
						<f:facet name="header">
							<h:outputText value="#{msgExh['exhumaciones.catalogo.color']}" />
						</f:facet>
						<h:outputText value="#{record_.idColor}"
							converter="catalogConverter" />
					</rich:column></ui:remove>

					<rich:column>
						<f:facet name="header">
							<h:outputText value="#{msgExh['exhumaciones.archivo_anexo']}" />
						</f:facet>
						<h:commandLink id="download_archivo_accesorios"
							action="#{registroCadaveres.downloadFile(record_.archivo)}"
							immediate="true" rendered="#{!record_.archivo.deleted}">
							<h:outputText value="#{record_.archivo.nombreArchivo}" />
						</h:commandLink>
					</rich:column>

					<rich:column>
						<f:facet name="header">
							<h:outputText
								value="#{msgExh['exhumaciones.tabla_columna_accion']}" />
						</f:facet>
						<h:panelGrid columns="3"
							columnClasses="icon_space,icon_space,icon_space,icon_space,icon_space">

							<h:commandLink 
								id="editarAccesorio" 
								rendered="true"
								action="#{registroCadaveres.editarAccesorio(index)}"
								disabled="#{registroCadaveres.estadoAccesorio == 'VER'}">
								<f:ajax render="frm_caso:pg_accesorio accesoriosTable" />
								
								<h:graphicImage value="/resources/images/icons/ico_pencil.png"
									title="${msg['boton.editar']}" 
									rendered="#{registroCadaveres.estadoAccesorio != 'VER'}"/>
								
								<h:graphicImage 
								    value="/resources/images/icons/ico_pencil_gray.png"
									title="${msg['boton.editar']}" 
									rendered="#{registroCadaveres.estadoAccesorio == 'VER'}"/>
							</h:commandLink>

							<h:commandLink id="verAccesorio"
								action="#{registroCadaveres.verAccesorios(index)}">
								<h:graphicImage value="/resources/images/icons/ico_details.png"
									title="${msg['boton.consultar']}" />
								<f:ajax render="frm_caso:pg_accesorio accesoriosTable" />
							</h:commandLink>


							<h:commandLink id="borrar_accesorio"
								action="#{registroCadaveres.deleteAccesorio(index)}"
								title="${msg['boton.eliminar']}"
								disabled="#{registroCadaveres.disableEliminarAccesorio or registroCadaveres.estadoAccesorio == 'VER'}">
								<a4j:ajax render="pn_accesorio_registros" />
								<h:graphicImage 
									value="/resources/images/icons/ico_delete.png"
									rendered="#{!registroCadaveres.disableEliminarAccesorio and registroCadaveres.estadoAccesorio != 'VER'}"
									title="${msg['boton.aceptar']}" />
								<h:graphicImage
									value="/resources/images/icons/ico_delete_disabled.png"
									rendered="#{registroCadaveres.disableEliminarAccesorio or registroCadaveres.estadoAccesorio == 'VER'}"
									title="${msg['boton.eliminar']}" />
							</h:commandLink>

						</h:panelGrid>
					</rich:column>
					<f:facet name="footer">
						<rich:dataScroller maxPages="10" fastStep="5" fastControls="hide" stepControls="show" />
					</f:facet>
				</rich:dataTable>
			</a4j:region>
		</a4j:outputPanel>


	</a4j:outputPanel>

</ui:composition>
